@import './base.css';
@import './variable.scss';
.page-layout {
  width: 100%;
  height: 100%;
}

.page-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  .page-aside {
    width: $asideWidth;
    height: 100%;
    background-color: $menuBgColor;
    color: $menuTextColor;
  }
  .page-content {
    width: calc(100% - $asideWidth);
    height: 100%;
  }
}

.page-content {
  .page-header {
    width: 100%;
    height: $headerHeight;
    background-color: $headerBgColor;
    color: $headerTextColor;
    /* 底边淡阴影 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .page-main {
    width: 100%;
    height: calc(100% - $headerHeight);
    padding: 10;
  }

}
